<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>北京启程信科工业科技有限公司</title>
<link rel="stylesheet" type="text/css" href="statics/css/nav.css" />
<link rel="stylesheet" type="text/css" href="statics/css/slider.css" />
<link rel="stylesheet" type="text/css" href="statics/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="statics/css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="statics/css/footer.css" />
<link rel="stylesheet" type="text/css" href="statics/css/content.css" />
<link rel="stylesheet" type="text/css" href="statics/css/public.css" />
</head>

<body>
<!--导航开始-->
<div class="nav">
	<div id="menu_hover_bg" style="height: 0px; overflow: hidden;"></div>
	<div class="w1200">
		<div class="logo">
			<a href="index.html"><img src="statics/images/logo.png" /></a>
		</div>
		<div class="menu">
			<ul>
				<li id="men_pro">
					<h2><a href="#">技术引擎</a></h2>
					<div class="sub_menu">
						<div class="h30"></div>

						<div class="sub_menu_list" style="width: 315px;">
							<h3 class="pl20">管理类组件</h3>
							<div class="list pl20">
								<a href="function.html">
									<div class="icon">
										<img src="statics/images/fxw.png" alt="">
									</div>
									<div class="info">
										<h3>
												表单
										</h3>
										<p>
											全终端分销平台，PC+手机+微信合一
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/sqws.png" alt="">
									</div>
									<div class="info">
										<h3>
												文件上传
										</h3>
										<p>
											热门移动分销软件，快速引分销流量
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/sqws.png" alt="">
									</div>
									<div class="info">
										<h3>
												工作流
										</h3>
										<p>
											热门移动分销软件，快速引分销流量
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/sqws.png" alt="">
									</div>
									<div class="info">
										<h3>
												树形菜单
										</h3>
										<p>
											热门移动分销软件，快速引分销流量
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/sqws.png" alt="">
									</div>
									<div class="info">
										<h3>
												时间日期选择
										</h3>
										<p>
											热门移动分销软件，快速引分销流量
										</p>
									</div>
								</a>
							</div>
						</div>

						<div class="sub_menu_list" style="width: 295px;">
							<h3 class="pl20">数据可视化组件</h3>
							<div class="list pl20">
								<a href="#">
									<div class="icon">
										<img src="statics/images/erp.png" alt="">
									</div>
									<div class="info">
										<h3>
												柱状图<span class="pa" style="left:35px;"><img src="statics/images/hot.png" alt="">
										</h3>
										<p>
											对接43+平台, 订单库存统一管理
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/hdt.png" alt="">
									</div>
									<div class="info">
										<h3>
												饼图
										</h3>
										<p>
											多平台一键铺货神器，省时便捷
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/crm.png" alt="">
									</div>
									<div class="info">
										<h3>
												折线图
										</h3>
										<p>
											专业电商CRM，更快了解客户
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/taoda.png" alt="">
									</div>
									<div class="info">
										<h3>
												地图
										</h3>
										<p>
											订单批量打印，对接10+主流平台
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/ysd.png" alt="">
									</div>
									<div class="info">
										<h3>
												热力图
										</h3>
										<p>
											对接40+主流平台，订单实时获取
										</p>
									</div>
								</a>
							</div>
						</div>
						<div class="sub_menu_list" style="width: 590px;">
							<h3>数据大屏</h3>
							<div class="list">
								<a href="#">
									<div class="icon">
										<img src="statics/images/wsc.png" alt="">
									</div>
									<div class="info">
										<h3>
											云微商城<span class="pa" style="left:75px;"><img src="statics/images/hot.png" alt=""></span>
										</h3>
										<p>
											28+业务场景，百种营销玩法
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/weshop.png" alt="">
									</div>
									<div class="info">
										<h3>
											微选<span class="pa" style="left:35px;"><img src="statics/images/new.png" alt=""></span>
										</h3>
										<p>
											专注微信电商生态构建，引领电商创新
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/ecshop.png" alt="">
									</div>
									<div class="info">
										<h3>
											ECShop3.6<span class="pa" style="left:75px;"><img src="statics/images/hot.png" alt=""></span>
										</h3>
										<p>
											10年开源网店系统，自定义搭建商城
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/shouyin.png" alt="">
									</div>
									<div class="info">
										<h3>
											门店收银
										</h3>
										<p>
											新零售＋新门店，消费体验无缝衔接
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/ecshop_app.png" alt="">
									</div>
									<div class="info">
										<h3>
											ECShop App<span class="pa" style="left:92px;"><img src="statics/images/hot.png" alt=""></span>
										</h3>
										<p>
											原生商城app，揽超强用户粘性
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/xcx.png" alt="">
									</div>
									<div class="info">
										<h3>
											云小程序
										</h3>
										<p>
											最热移动小程序，5步快速生成
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/shopex.png" alt="">
									</div>
									<div class="info">
										<h3>
											Shopex4.9
										</h3>
										<p>
											经典PC+微信商城，百套模版随心切换
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/ecstore.png" alt="">
									</div>
									<div class="info">
										<h3>
											Ecstore<span class="pa" style="left:55px;"><img src="statics/images/hot.png" alt=""></span>
										</h3>
										<p>
											独立部署商城系统，O2O无缝引流
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/ecmall.png" alt="">
									</div>
									<div class="info">
										<h3>
											Ecmall<span class="pa" style="left:55px;"><img src="statics/images/hot.png" alt=""></span>
										</h3>
										<p>
											开源多用户商城，获多种盈利方式
										</p>
									</div>
								</a>
								<a href="#">
									<div class="icon">
										<img src="statics/images/b2b2c.png" alt="">
									</div>
									<div class="info">
										<h3>
											B2B2C
										</h3>
										<p>
											独立部署多用户商城，拥多种业务模式
										</p>
									</div>
								</a>

							</div>
						</div>
					</div>
				</li>
				<li id="men_sol">
					<h2><a href="#">案例展示</a></h2>
					<div class="sub_menu sol_left">
						<div class="h30"></div>
						<div>
							<div class="sub_menu_list" style="width: 950px;">
								<h3>管理系统</h3>
								<div class="list sol_list">
									<a href="#">
										<div class="icon">
											<img src="statics/images/sol_icon1.png" alt="">
										</div>
										<div class="info">
											<h3>
												门店/移动/社交/微商
										</h3>
											<p>
												移动/社交/门店业务<br> 帮助企业拓展移动新零售格局
											</p>
										</div>
									</a>
									<a href="#">
										<div class="icon">
											<img src="statics/images/sol_icon2.png" alt="">
										</div>
										<div class="info">
											<h3>
												门店/移动/社交/微商
										</h3>
											<p>
												移动/社交/门店业务<br> 帮助企业拓展移动新零售格局
											</p>
										</div>
									</a>
									<a href="#">
										<div class="icon">
											<img src="statics/images/sol_icon3.png" alt="">
										</div>
										<div class="info">
											<h3>
												门店/移动/社交/微商
										</h3>
											<p>
												移动/社交/门店业务<br> 帮助企业拓展移动新零售格局
											</p>
										</div>
									</a>
									<a href="#">
										<div class="icon">
											<img src="statics/images/sol_icon4.png" alt="">
										</div>
										<div class="info">
											<h3>
												门店/移动/社交/微商
										</h3>
											<p>
												移动/社交/门店业务<br> 帮助企业拓展移动新零售格局
											</p>
										</div>
									</a>
									<a href="#">
										<div class="icon">
											<img src="statics/images/sol_icon5.png" alt="">
										</div>
										<div class="info">
											<h3>
												门店/移动/社交/微商
										</h3>
											<p>
												移动/社交/门店业务<br> 帮助企业拓展移动新零售格局
											</p>
										</div>
									</a>
								</div>
								
							</div>

							<div class="sub_menu_list" style="width: 220px;">
								<h3 class="pl20">行业解决方案</h3>
								<div class="list sol_list pl20">
									<a href="#">
										跨境电商解决方案
									</a>
									<a href="#">
										O2O解决方案
									</a>
									<a href="#">
										生鲜电商解决方案
									</a>
									<a href="#">
										女装电商解决方案
									</a>
								</div>
							</div>
							
						</div>
					</div>
					
				</li>
				<li>
					<h2><a href="#">服务介绍</a></h2>
					<!-- <div class="sub_menu">
						<div class="w1200">
							<h3>服务市场</h3></div>
						<div class="sub_menu_list">
							<div class="category">
								<ul>
									<li>热销产品推荐</li>
									<li>店铺模板/二开/插件定制</li>
									<li>营销推广流量</li>
									<li>软件配套服务</li>
								</ul>
							</div>
							<div class="content">
								<div class="cont_list" style="display: block;">
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon1.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon2.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon3.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon4.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon5.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
								</div>
								<div class="cont_list">
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon6.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon7.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon8.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
								</div>
								<div class="cont_list">
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon9.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon10.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon11.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon12.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon13.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon14.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
								</div>
								<div class="cont_list">
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon15.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon16.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon17.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon18.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
									<a href="#">
										<div class="icon"><img src="statics/images/fw_icon19.png" /></div>
										<div class="info">
											<h3>一键搭建微商城</h3>
											<p>人气提升+基础设置+模板安装+操作培训，统统帮你搞定</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div> -->
				</li>
				<!-- <li>
					<h2><a href="#">开源方案</a></h2>
				</li> -->
				<li>
					<h2><a href="#">关于我们</a></h2>
				</li>
				<li>
					<h2><a href="#">合作招募</a></h2>
				</li>
			</ul>
		</div>
		<div class="login">
			<a href="#">登陆</a>
			<a href="#">免费注册</a>
			<a href="#">商家后台</a>
		</div>
	</div>
</div>
<!--导航结束-->
<!--轮播开始-->
<div class="swiper-banner swiper-container">
	<div class="swiper-wrapper">
		<a href="#" class="swiper-slide slide3">

		</a>
		<a class="swiper-slide slide1" href="#">
			<div class="w1200">
				<div class="ani pa sl-left" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s">
					<div class="pa t1">
						云微商城
					</div>
					<div class="pa t2">
						一款超会卖货的移动微商城
					</div>
					<div class="pa t3">
						28+新零售业务场景，100种营销玩法，800+开店运营功能
					</div>
					<div class="pa btn">
						立即免费开通
					</div>
				</div>
				<div class="img2 ani pa" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s">
					<img src="statics/images/banner/wsc.png" alt="">
				</div>
			</div>
		</a>
		<a href="#" class="swiper-slide slide4">

		</a>
		<a href="#" class="swiper-slide slide2">
			<div class="w1200">
				<div class="ani pa sl-left" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s">
					<div class="pa t1">
						微选·微好店
					</div>
					<div class="pa t2">
						和微信十亿用户做买卖
					</div>
					<div class="pa t3">
						基于微信“发现-购物”流量入口
					</div>
					<div class="pa btn" style="width:220px;">
						名额有限，老用户一键升级
					</div>
				</div>
				<div class="img1 ani pa" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s">
					<img src="statics/images/banner/wx.png" alt="">
				</div>
			</div>
		</a>
		<a href="#" target="_blank" class="swiper-slide slide5">
			<div class="w1200">
				<div class="ani pa sl-left" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s">
					<div class="pa t1">
						云云收订
					</div>
					<div class="pa t2">
						多渠道订单实时收集获取
					</div>
					<div class="pa t3">
						支持40+渠道的订单统一抓取，满足个性化需求的API接口开放
					</div>
					<div class="pa btn">
						立即进入
					</div>
				</div>
				<div class="img3 ani pa" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" style="top:0;">
					<img src="statics/images/banner/ysd.png" alt="">
				</div>
			</div>
		</a>
	</div>
	<!-- Add Pagination -->
	<div class="swiper-pagination swiper-pagination-white"></div>
	<div class="swiper-nav pa">
		<ul class="w1200 clearfix">
			<li id="g1" class="active">
				<div class="icon">
					<img src="statics/images/banner/icon3.png" alt="">
				</div>
				<div class="info">
					<div>ECShop</div>
					<p>12年经典开源网店系统</p>
				</div>
			</li>
			<li id="g2">
				<div class="icon">
					<img src="statics/images/banner/icon1.png" alt="">
				</div>
				<div class="info">
					<div>云微商城</div>
					<p>超会卖货的H5商城</p>
				</div>
			</li>
			<li id="g3">
				<div class="icon">
					<img src="statics/images/banner/icon4.png" alt="">
				</div>
				<div class="info">
					<div>ERP</div>
					<p>订单、库存统一管理</p>
				</div>
			</li>
			<li id="g4">
				<div class="icon">
					<img src="statics/images/banner/icon2.png" alt="">
				</div>
				<div class="info">
					<div>入驻微选</div>
					<p>微信官方电商平台</p>
				</div>
			</li>
			<li id="g5">
				<div class="icon">
					<img src="statics/images/banner/icon5.png" alt="">
				</div>
				<div class="info">
					<div>云云收订</div>
					<p>40+平台对接</p>
				</div>
			</li>
		</ul>
	</div>
</div>


<div class="product">
	<div class="module_title">
		<h1 style="font-weight: normal;">产品及服务</h1>
	</div>
	<div class="module_subTitle">
		<h4 style="font-weight: normal;">PRODUCT AND SERVICE</h4>
	</div>
	<div class="projects animated fadeInUp delay-5s">
		<div class="project">
			<img src="statics/images/phone.png" />
			<h4 style="margin-top: 5px;">移动端解决方案</h4>
			<div class="desc">
				以移动互联网及智能终端为载体，公司提供的移动端服务具有高度定制化...
			</div>
			<div class="list first1"><div class="dian"></div>手机APP（IOS及Android）</div>
			<div class="list"><div class="dian"></div>微信小程序</div>
			<div class="list"><div class="dian"></div>微信公众号</div>
			<div class="list"><div class="dian"></div>微信网等</div>
		</div>
		<div class="project">
			<img src="statics/images/computer.png" />
			<h4 style="margin-top: 5px;">移动端解决方案</h4>
			<div class="desc">
				以移动互联网及智能终端为载体，公司提供的移动端服务具有高度定制化...
			</div>
			<div class="list first1"><div class="dian"></div>手机APP（IOS及Android）</div>
			<div class="list"><div class="dian"></div>微信小程序</div>
			<div class="list"><div class="dian"></div>微信公众号</div>
			<div class="list"><div class="dian"></div>微信网等</div>
		</div>
		<div class="project">
			<img src="statics/images/tool.png" />
			<h4 style="margin-top: 5px;">移动端解决方案</h4>
			<div class="desc">
				以移动互联网及智能终端为载体，公司提供的移动端服务具有高度定制化...
			</div>
			<div class="list first1"><div class="dian"></div>手机APP（IOS及Android）</div>
			<div class="list"><div class="dian"></div>微信小程序</div>
			<div class="list"><div class="dian"></div>微信公众号</div>
			<div class="list"><div class="dian"></div>微信网等</div>
		</div>
		<!-- <div class="project">
			<img src="statics/images/set.png" />
			<h4 style="margin-top: 5px;">移动端解决方案</h4>
			<div class="desc">
				以移动互联网及智能终端为载体，公司提供的移动端服务具有高度定制化...
			</div>
			<div class="list first1"><div class="dian"></div>手机APP（IOS及Android）</div>
			<div class="list"><div class="dian"></div>微信小程序</div>
			<div class="list"><div class="dian"></div>微信公众号</div>
			<div class="list"><div class="dian"></div>微信网等</div>
		</div>
		<div class="project">
			<img src="statics/images/phone.png" />
			<h4 style="margin-top: 5px;">移动端解决方案</h4>
			<div class="desc">
				以移动互联网及智能终端为载体，公司提供的移动端服务具有高度定制化...
			</div>
			<div class="list first1"><div class="dian"></div>手机APP（IOS及Android）</div>
			<div class="list"><div class="dian"></div>微信小程序</div>
			<div class="list"><div class="dian"></div>微信公众号</div>
			<div class="list"><div class="dian"></div>微信网等</div>
		</div> -->
	</div>
</div>



<div class="case">

	<div class="module_title">
		<h1 style="font-weight: normal;">行业案例</h1>
	</div>
	<div class="module_subTitle">
		<h4 style="font-weight: normal;">INDUSTRY CASE</h4>
	</div>
	<div style="display: block;">
		<div class="flows">
			<div class="name active" groupName="group1">
				<div>零售</div>
			</div>
			<div class="name" groupName="group2">
				<div>民生</div>
			</div>
			<div class="name" groupName="group3">
				<div>政务</div>
			</div>
		</div>
	</div>
	<div class="group1">
		<div class="projects">
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
		</div>
	</div>
	<div class="group1">
		<div class="projects">
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
		</div>
	</div>
	<div class="group1">
		<div class="projects">
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
			<div class="project">
				<img src="statics/images/1.png">
			</div>
		</div>
	</div>
	<div class="group2">
		<div class="projects">
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
		</div>
	</div>
	<div class="group2">
		<div class="projects">
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
		</div>
	</div>
	<div class="group2">
		<div class="projects">
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
			<div class="project">
				<img src="statics/images/2.png">
			</div>
		</div>
	</div>
	<div class="group3">
		<div class="projects">
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
		</div>
	</div>
	<div class="group3">
		<div class="projects">
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
		</div>
	</div>
	<div class="group3">
		<div class="projects">
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
			<div class="project">
				<img src="statics/images/3.png">
			</div>
		</div>
	</div>
</div>


<div class="flowP">
<div class="flow">
	<div class="module_title">
		<h1 style="font-weight: normal;">服务流程</h1>
	</div>
	<!-- <div class="module_subTitle">
		<h4>从产品调研到产品开发、测试、部署一站式服务</h4>
	</div> -->
	
	<div class="flows move1" style="animation-duration:2100ms;">
		<div class="desc">
			<div class="name">
				<span>需求沟通</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>原型图设计</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>视觉设计</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>产品研发</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>产品测试</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>上线部署</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
		<div class="desc">
			<div class="name">
				<span>售后服务</span>
				<div class="dayuan"></div>
				<div class="xiaoyuan"></div>
			</div>
			<div class="content">
				需求调研阶段，我们会与客户进行沟通讨论，获取客户软件项目的需求，并做整理
			</div>
		</div>
	</div>
</div>
</div>

<div class="advantage">

	<div class="module_title">
		<h1 style="font-weight: normal;">我们的优势</h1>
	</div>
	<!-- <div class="module_subTitle">
		<h4 style="font-weight: normal;">大大解决方案大幅提升零售业营业额和顾客量</h4>
	</div> -->
	<div style="display: block;animation-duration:2100ms;" class="move2">
		<div class="projects">
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
		</div>
	</div>
	<div style="display: block;animation-duration:2100ms;" class="move2">
		<div class="projects">
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
			<div class="project">
				<div class="yuan"><img src="statics/images/phone.png" /></div>
				<div class="name">可视化管理</div>
				<div class="desc">
					线上数据可视化分析，数据洞察一目了然
				</div>
			</div>
		</div>
	</div>
</div>
	
<!--#include file="views/product.html"-->
	<div class="cloud-footer">
		<div class="cloud-footer-box">
			<div class="cloud-footer-feature">
				<ul class="clearfix">
					<li class="feature-item001"><a href="#"> <span>7*24小时服务支持</span>
					</a></li>
					<li class="feature-item002"><a href="#"> <span>0元快速备案</span>
					</a></li>
					<li class="feature-item003"><a href="#"> <span>100倍故障赔偿</span>
					</a></li>
					<li class="feature-item004"><a href="#"> <span>5天无理由退款</span>
					</a></li>
				</ul>
			</div>
			<div class="cloud-footer-nav clearfix">
				<div class="cloud-footer-nav-logo">
					<div class="cloud-comm">
						<div class="cloud-comm-logo">
							<span></span>
						</div>
						<div class="cloud-info">
							<p>北京****网络科技有限公司</p>
							<p>TEl:010-888-4000 (7x24h)</p>
						</div>
					</div>
					<div class="cloud-share">
						<p class="wei-xin">
							<span class="corner wx-corner"></span>
						</p>
						<p class="wei-bo">
							<span class="corner wx-corner"></span>
						</p>
						<ul class="clearfix">
							<li><a href="#"> <span class="icon-blog"></span>
							</a></li>
							<li><a href="#"> <span class="icon-wei"></span>
							</a></li>
							<li><a href="#"> <span class="icon-qq"></span>
							</a></li>
							<li><a href="#"> <span class="icon-mail"></span>
							</a></li>
						</ul>
					</div>
				</div>
				<div class="cloud-footer-nav-list clearfix">
					<ul>
						<li class="list-title">产品与服务</li>
						<li><a href="#">弹性云服务器</a></li>
						<li><a href="#">服务器托管</a></li>
						<li><a href="#">云虚拟主机</a></li>
						<li><a href="#">SSL证书</a></li>
						<li><a href="#">域名注册</a></li>
						<li><a href="#">云监控</a></li>
						<li><a href="#">云帮手</a></li>
					</ul>
					<ul>
						<li class="list-title">帮助与支持</li>
						<li><a href="#">管理控制台</a></li>
						<li><a href="#">域名信息查询</a></li>
						<li><a href="#">合同申请</a></li>
						<li><a href="#">域名控制台</a></li>
						<li><a href="#">优化与提升</a></li>
						<li><a href="#">实施与搭建</a></li>
						<li><a href="#">支持计划</a></li>
					</ul>
					<ul>
						<li class="list-title">关于****</li>
						<li><a href="#">公司简介</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">加入我们</a></li>
						<li><a href="#">发展历程</a></li>
						<li><a href="#">新闻动态</a></li>
						<li><a href="#">校园招聘</a></li>
						<li><a href="#">友情链接</a></li>
					</ul>
					<ul>
						<li class="list-title">其他</li>
						<li><a href="#">开发者中心</a></li>
						<li><a href="#">开发者课堂</a></li>
						<li><a href="#">考试认证</a></li>
						<li><a href="#">开放实验室</a></li>
						<li><a href="#">举报中心</a></li>
						<li><a href="#">定价</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="cloud-copyright cloud-copyright-about">
			<p>Copyright © 2001-2018 *****.com. All Rights Reserved. *****
				版权所有</p>
			<p>
				《中华人民共和国增值电信业务经营许可证》京ICP备xxxxx号-3 &nbsp;&nbsp;&nbsp;&nbsp;<a
					href="#">********号-3</a> 地址：北京市海淀区西三环北路8882号大厦
			</p>
		</div>
	</div>



	<!--轮播结束-->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="statics/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
        
    $(".icon-blog").mouseenter(function() {
        $(".wei-bo").show()
    }).mouseleave(function() {
        $(".wei-bo").hide()
    });
    $(".icon-wei").mouseenter(function() {
        $(".wei-xin").show()
    }).mouseleave(function() {
        $(".wei-xin").hide()
    });
    $(".group1").show();
    $(".case .flows .name").mouseover(function(index) {
        $(this).addClass("active");
        $(this).siblings().removeClass("active");
        $("div[class^=group]").hide();
        console.log(index)
        var a = $(this).attr("groupName");
        $("."+$(this).attr("groupName")).show();
    });

	$(window).scroll(function() {
		console.log("滚动了" + $(window).scrollTop());
		let top = $(window).scrollTop();
		if (top>1761) {
			if(!$(".move2").hasClass("animated")){
				$(".move2").addClass("animated fadeInUp delay-9s");
			}
		}else if (top>648) {
			if($(".group1 .project.animated").length == 0){
				$(".group1 .project").each(function(index1){
					var num = randomNum(1, 3);
					$(this).addClass("animated fadeInUp delay-5s");
					$(this).css({"animation-duration": (1000*num) + "ms"});
				});
			}
		}else if (top>414) {
			if(!$(".move1").hasClass("animated")){
				$(".move1").addClass("animated fadeInUp delay-9s");
			}
		}
	});
	//生成从minNum到maxNum的随机数
	function randomNum(minNum,maxNum){ 
	    switch(arguments.length){ 
	        case 1: 
	            return parseInt(Math.random()*minNum+1,10); 
	        break; 
	        case 2: 
	            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); 
	        break; 
	            default: 
	                return 0; 
	            break; 
	    } 
	}
</script>

</body>

</html>